{extend name="common/main"}

{block name="css"}
<!-- 本页面需要额外添加的css请在此处添加 -->
<link rel="stylesheet" href="/mobiled/css/public.css">
<link rel="stylesheet" href="/mobiled/css/flow.css" type="text/css"/>
<link rel="stylesheet" href="/mobiled/css/style_jm.css" type="text/css"/>
<link rel="stylesheet" href="/layer/skin/layer.css" type="text/css"/>
<style type="text/css">
    .page-shopping .bottom-panel{display: flex;}
    .page-shopping .bottom-panel .info{margin-top: 4px;width: 50%;}
    .page-shopping .bottom-panel .right{margin-top: 10px;}
    .page-shopping .item-list .attr span{overflow: hidden;display: -webkit-box; font-weight: normal; white-space: nowrap;}
</style>






{/block}

{block name="body"}

<body style="background: rgb(235, 236, 237);position:relative;">

<div class="tab_nav">
    <div class="header">
        <div class="h-left">
            <a class="sb-back" href="javascript:history.back(-1)" title="返回"></a>
        </div>
        <div class="h-mid">购物车   </div>
        <div class="h-right">
            <aside class="top_bar">
                <div onclick="show_menu();$('#close_btn').addClass('hid');" id="show_more"><a href="javascript:;"></a> </div>
            </aside>
        </div>
    </div>
    {include file="common/goods_nav"}

</div>

<div class="screen-wrap fullscreen login">
    <div class="page-shopping ">
        <div class="cart_list">
            <form id="cart_form" name="formCart" action="/index.php/Mobile/Cart/ajaxCartList.html" method="post">


            </form>
        </div>
    </div>
    <div style="height:72px;"></div>
</div>


</body>


{/block}

{block name="js"}
<!-- 本页面需要额外添加的js请在此处添加 -->
<script src="/mobiled/js/common.js"></script>
<script>

    $(document).ready(function(){
        ajax_cart_list(); // ajax 请求获取购物车列表
    });

    // ajax 提交购物车
    var before_request = 1; // 上一次请求是否已经有返回来, 有才可以进行下一次请求
    function ajax_cart_list(){
        if(before_request == 0) // 上一次请求没回来 不进行下一次请求
            return false;
        before_request = 0;

        $.ajax({
            type : "POST",
            url:"{:url('shopplist')}",//+tab,
            data : $('#cart_form').serialize(),// 你的formid
            success: function(data){
                $("#cart_form").html('');
                $("#cart_form").append(data);
                before_request = 1;
            }
        });
    }

    /**
     * 购买商品数量加加减减
     * 购买数量 , 购物车id , 库存数量
     */
    function switch_num(num,cart_id,store_count)
    {
        var num2 = parseInt($("input[name='goods_num["+cart_id+"]']").val());
        num2 += num;
        if(num2 < 1) num2 = 1; // 保证购买数量不能少于 1
        if(num2 > store_count)
        {   alert("库存只有 "+store_count+" 件, 你只能买 "+store_count+" 件");
            num2 = store_count; // 保证购买数量不能多余库存数量
        }

        $("input[name='goods_num["+cart_id+"]']").val(num2);

        ajax_cart_list(); // ajax 更新商品价格 和数量
    }

    // ajax 删除购物车的商品
    function ajax_del_cart(ids)
    {
        $.ajax({
            type : "POST",
            url:"{:url('shopplist')}",
            data:{ids:ids},
            dataType:'json',
            success: function(data){
            }
        });
        ajax_cart_list(); //ajax 请求获取购物车列表

    }

</script>
{/block}